<template>
    <div class="calendar-month">
        <i class="iconfont iconzuo" @click="checkLastMonth"></i>
        <div class="year-month" :class="ggClass">
            <slot> </slot>
            <div class="time">
                <slot name="time">录入时间：2021-08-09</slot>
            </div>
        </div>
        <i class="iconfont iconyou" @click="checkNextMonth"></i>
    </div>
</template>

<script>
export default {
    name: "qg-cut2",
    props: {
        ggClass: {
            type: String,
            default: "",
        },
    },
    data() {
        return {};
    },
    methods: {
        checkLastMonth() {
            this.$emit("last");
        },
        checkNextMonth() {
            this.$emit("next");
        },
    },
};
</script>

<style lang="less" scoped>
.calendar-month {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // margin-top: 30rem;
    .year-month {
        padding: 0 30rem;
        font-size: 16rem;
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .time {
            font-size: 12rem;
            color: #999;
        }
    }
}
</style>
